<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]周嘉禧-个人简历</title>
    <link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>
  <!--星空背景-->
 
    <template>
        <div class="stars">
            <div @click="index" v-for="(item,index) in statrsCount" :key="index" ref="star" class="star"/>
        </div>
    </template>
 
    <script>
        export default {
            data(){
                return{
                    statrsCount:3600,//星星数量
                    distance:1000,//间距
                }
            },
            mounted(){
                let _this = this
                let starArr = _this.$refs.star
                console.log(starArr)
                starArr.forEach(item =>{
                    var speed = 0.2 + (Math.random() * 1);
                    var thisDistance = _this.distance + (Math.random() * 300);
                    item.style.transformOrigin = `0 0 ${thisDistance}px`;
                    item.style.transform=`translate3d(0,0,-${thisDistance}px)
                    rotateY(${(Math.random() * 360)}deg) rotateX(${(Math.random() * -50)}deg) scale(${speed},${speed})`
                })
            }
        }
    </script>


    <header>
        <nav class="btn btn-1">
            <ul>
                <li class="logo active"><i class="fa fa-toggle-on" aria-hidden="true"></i>
                    <a href="https://gitee.com/Zhou_zho/web-design-and-production" target="_blank">简历</a>
                </li>
                <li class="logo active"><i class="fa fa-star" aria-hidden="true"></i>
                    <a href="https://gitee.com/Zhou_zho/web-design-and-production" target="_blank">GITEE</a>
                </li>
            </ul>
        </nav>
    </header>

    
    <article class="container">
        <section class="side" id="side">
			
            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                   
                    <!-- 头像照片 -->
                    <img class="avatar" src="assets/images/touxiang.jpg"  onload="loading()" style="width: 100%;" alt="">
                </section>
                <div class="image"></div>  

				<h1 class="name"><b>周嘉禧</b></h1>
                <h4 class="info-job">广东东莞</h4>

            </section>

            <!-- 基本信息 -->
            <address class="profile info-unit">
                <h2>
                    <i class="fa fa-drivers-license" aria-hidden="true"></i> 基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>周嘉禧 / 女 / 20岁</span>
                    </li>
                    <li>
                        <label>政治身份</label>
                        <span>中共预备党员</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>四级</span>
                    </li>
                    <li>
                        <label>普通话水平</label>
                        <span>二甲</span>
                    </li>
                </ul>
            </address>
            <br>

            <!-- 联系方式 -->
            <address class="contact info-unit">
                <h2>
                    <i class="fa fa-envelope" aria-hidden="true"></i> 联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <span>158-7698-1600</span>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <span>1615426967@qq.com</span>
                    </li>
                    <li>
                        <label>微信</label>
                        <span>Tsuki-ozZ</span>
                    </li>
                    
                </ul>
            </address>
            <br>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-paint-brush" aria-hidden="true"></i> 技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="50" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="40" max="100"></progress>
                    </li>
                    <li>
                        <label>海报制作</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>平台运营</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>拍摄技能</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>剪辑</label>
                        <progress value="75" max="100"></progress>
                    </li>
                </ul>
            </section>
            <br>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-tags" aria-hidden="true"></i> 微信二维码</h2>
                <hr/>
                <img src="assets/images/weixin.png" style="width: 100%;" alt="">
            </section>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <section class="main">

                <!-- 教育经历 -->
                <main class="edu info-unit">
                    <h2>
                        <i class="fa fa-book" aria-hidden="true"></i> 教育经历</h2>
                        <hr/>
                   <ul>
                        <strong>2021.9-2023.6  广州南方学院(中山大学南方学院） 网络与新媒体专业   本科</strong>
                       <li><strong>专业绩点：</strong>3.68</li>
                       <li><strong>专业综合测评排名：</strong> 8/146</li>
                       <li><strong>专业课程 :</strong> 网页设计与制作、用户与视觉界面设计数字多媒体作品创作、非线性编辑、摄像基础、矢量图形设计、融合新闻学、新媒体写作</li>
                    </ul>
                </main>

                <!-- 个人经历 -->
                <main class="work info-unit">
                    <h2>
                        <i class="fa fa-institution" aria-hidden="true"></i> 个人经历</h2>
                    <hr/>
                    <ul>
                        <li>
                            <h3>
                               <strong><a href="https://mp.weixin.qq.com/s/lVrzSCWoO3BqJcAcDCx55A" target="_blank">麻涌镇大学生成长促进会（会长）</a></strong>
                                <time>2022.07-2022.08 </time>
                            </h3>
                            <ul class="info-content">
                                <li><b>【活动策划】</b>东莞市麻涌镇政府相关人员的帮助下一同开展<mark>以“喜迎二十大、永远跟党走、奋进新征程”为主题</mark>进行策划，共策划活动10+。</li>
                                <li><b>【组织协调】</b>负责对大学生成长促进会成员进行<mark>活动任务协调分配</mark>，积累顺利开展活动10+。</li>
                                <li><b>【招募⼈员】</b>负责<mark>招募活动参加人员</mark>，积累活动参与人员210+。</li>
                                <li><b>【公众号运营】</b>负责公众号推⽂撰写与发布，活动期间共发布<mark>11个推文，积累阅读量1500+</mark>。</li>
                            </ul>
                        </li>
                        <br>
                        <li>
                            <h3>
                                <strong><a href="https://mp.weixin.qq.com/s/S7yoz5rHB_zw6dBQuVc1Uw" target="_blank"> 新媒体创新与创业工作坊（负责人）</a></strong>
                                <time>2022.12-至今 </time>
                            </h3>
                            <ul class="info-content">
                                <li><b>【活动策划】</b>作为总负责人以“知者创物，筑梦未来”为主题策划了<mark>第三届“创物界杯”创新创业校级大赛</mark>：活动前期组织团队头脑风暴，进行比赛细则与赛程方案撰写，宣发推文触达1000+人并收获300+人参与。</li>
                                <li><sb>【文稿撰写】</b>负责撰写“创物界”公众号的文稿撰写，<mark>以案例研究、业者洞见、国际资讯等</mark>为主题方向，通过收集整理36氪、腾讯新闻、搜狐新闻等相关资料，形成主题文稿。</li>
                            </ul>
                        </li>
                        <br>
                        <li>
                            <h3>
                                <strong><a href="https://mp.weixin.qq.com/s/qrEzC_r7pP80uVQDCfqG2w" target="_blank"> 文学与传媒学院新闻网新党支部策划组（组长）</a></strong>
                                <time>2022.10-至今 </time>
                            </h3>
                            <ul class="info-content">
                                <li><b>【活动策划】</b>撰写新闻网新党支部的党日活动策划并执行，目前参与<mark>策划11场党日活动</mark></li>
                                <li><b>【活动统筹】</b>活动现场，负责项目活动版块工作，配合主题教育开展主题性活动，负责会场内部设计布置包装， 配合节点制造现场气氛，<mark>布置活动基本物料，策划活动流程，协调⼈员分工，把控活动进度</mark></li>
                                <li><b>【活动执行】</b>协助各党支部组织活动、登记会议记录等⼯作的开展。</li>
                            </ul>
                        </li>
                    </ul>
                </main>

                <!-- 个人项目 -->
                <main class="project info-unit">
                    <h2>
                        <i class="fa fa-calendar" aria-hidden="true"></i> 个人项目
                    </h2>
                    <hr />
                    <ul>
                        <li>
                            <h3>
                                <strong><span><a href="https://docs.qq.com/doc/DV0JPUFZjaHdVUVR0?u=6b61d2f9e02c40a583a3ea0d41322507">[项目1]潮传承-UI设计</a></span></strong>
                            </h3>
                            <ul class="info-content">

                                <li>
                                    <i class="fa fa-check-square" aria-hidden="true"></i>
                                    <b>[目标]</b> 使用<mark>Axure</mark>设计小程序UI界面。
                                    <br />
                                    <i class="fa fa-circle" aria-hidden="true"></i>
                                    <b>[团队]</b> 独立完成。
                                    <br />
                                    <i class="fa fa-book" aria-hidden="true"></i>
                                    <b>[学习]</b>进一步了解Axure的操作，且对界面设计的相关知识更加了解。
                                    <br />
                                </li>
                            </ul>
                        </li>
                        <br>
                        <li>
                            <h3>  
                                <strong><span><a href="https://www.zcool.com.cn/work/ZNjc1MDUxNDQ=.html">[项目2]美购APPdemo制作</a></span></strong>
                            </h3>  
                            <ul class="info-content">  
                                <li>  
                                    <i class="fa fa-check-square" aria-hidden="true"></i>  
                                    <b>[目标]</b>通过习<mark>AE实操练习</mark>，熟悉AE的基本操作与团队合作，制作出小程序的demo。  
                                    <br />  
                                    <i class="fa fa-circle" aria-hidden="true"></i>  
                                    <b>[团队]</b>五人团队。   
                                    <br />  
                                    <i class="fa fa-book" aria-hidden="true"></i>  
                                    <b>[学习]</b>对AE的使用逐渐熟练，对交互知识有了一定了解。  
                                </li>  
                            </ul>
                        </li>
                        <br>

                        <!-- 摄影作品 -->
                            <h3>
                                <ul class="info-content"> 
                                <strong><span>[项目3]摄影作品</span></strong>
                            </h3>
                                    <section class="photos">
                                        <figure class="photo"><img src="assets/images/kawei.jpg">
                                        </figure>
                                        <figure class="photo"><img src="assets/images/moon.jpg">
                                        </figure>
                                        <figure class="photo"><img src="assets/images/people.jpg">
                                        </figure>
                                        <figure class="photo"><img src="assets/images/flower.jpg">
                                        </figure>
                                        <figure class="photo"><img src="assets/images/bus.jpg">
                                        </figure>
                                        <figure class="photo"><img src="assets/images/old man.jpg">
                                        </figure>

                                    </section>

                                </ul>
                                <br>

                        <!-- 营销策划作品 -->
                            <h3>
                                
                                <strong><span>[项目4]学院奖-营销策划作品</span></strong>
                            </h3>
                                <ul class="info-content"> 
                                    <li>  
                                        <i class="fa fa-check-square" aria-hidden="true"></i>  
                                        <b>[选题]</b><mark>可比克-今天下班你crush了吗</mark> 
                                        <br />  
                                        <i class="fa fa-circle" aria-hidden="true"></i>  
                                        <b>[创意思想]</b>当代大学生实习党、年轻上班族容易在高强度的工作中丢掉生活，急需在下班后获得一些“情绪补剂”来舒缓压力，享受属于下班时间的轻松crush时刻。本案以“今天下班你crush了吗”为切入点，将薯片的crush脆响作为打开crush时刻的钥匙，帮助当代青年舒缓压力，重拾快乐青年young。 
                                        <br>
                                        <i class="fa fa-book" aria-hidden="true"></i>  
                                        <b>[荣誉]</b>荣获学院奖优秀奖。 
                                    </li>  
                                        <section class="photos">
                                            <figure class="photo"><img src="assets/images/kebike page1.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/kebike page2.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/kebike page3.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/kebike page4.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/kebike page5.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/kebike page6.png">
                                            </figure>

                                        </section>
                                    <br>
                                    <li>  
                                        <i class="fa fa-check-square" aria-hidden="true"></i>  
                                        <b>[选题]</b><mark>毓婷-我的有young游戏人生</mark> 
                                        <br />  
                                        <i class="fa fa-circle" aria-hidden="true"></i>  
                                        <b>[创意思想]</b>在这个精神内耗严重的时代，年轻女性时常在人生游戏中无关紧要的NPC身上浪费过多时间，被各种各样的标签困住了步伐，世俗的过时看法和观念得不到支持鼓励的人生，导致精神内耗蔓延，作为游戏主角的主线任务被遗忘......因此，本案结合毓婷“掌控选择权，我有我的Young”的营销主题，以游戏的表达形式创建【我的有Young游戏人生】。如果把人生比作一场游戏，我应当有我的Young（独一无二的模样），我应当无所顾虑地享受我的Young（青春时光）。

                                        <br>
                                        <i class="fa fa-book" aria-hidden="true"></i>  
                                        <b>[荣誉]</b>荣获学院奖优秀奖。 
                                    </li>
                                        <section class="photos">
                                            <figure class="photo"><img src="assets/images/yuting page1.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/yuting page2.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/yuting page3.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/yuting page4.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/yuting page5.png">
                                            </figure>
                                            <figure class="photo"><img src="assets/images/yuting page6.png">
                                            </figure>

                                        </section>  

                                </ul>

                        </main>
                <!-- 自我评价 -->
                <main class="work info-unit">
                    <h2>
                        <i class="fa fa-commenting" aria-hidden="true"></i> 自我评价</h2>
                    <hr />
                    <ul>
                        <li><strong>【制作能力】</strong>基本熟练使用剪映、AE等视频软件以及PS、AI、LR等图形处理软件;</li>
                        <li><strong>【策划能力】</strong>能够根据新闻事件、热点话题，进行短视频的内容策划，不断丰富内容，以达到最优效果。</li>
                        <li><strong>【团队精神】</strong>出色的团队意识和抗压能力，能够快速融入新环境，有良好的语言表达及沟通能力，责任心强。</li>
                    </ul>

                </main>
            </section>
        </article>



    <footer class="footer">
        <p>© 2021 周嘉禧.文档最后更新时间为
            <time>2024年01月14日</time>.</p>
    </footer>

        <!-- 侧栏 -->
        <aside>
            <ul>
                <li>
                    <a href="https://gitee.com/JWFung/resume" target="_blank">源代码</a>
                </li>
                <li>
                    <a href="https://github.com/JW-Fung" target="_blank">GitHub</a>
                </li>
            </ul>
        </aside>

        <script src="./assets/js/index.js"></script>
        </main>
    </body>

</html>
